<template>
  <view>
    <view class="text-padding-wrap">
      <view class="title">{{ leadobj.title }}</view>
      <view class="left-flex uni-row show-gray">
        <view class="left">{{ leadobj.time }}</view>
        <view>阅读 17</view>
      </view>
    </view>
    <view class="text-padding-wrap">
      <rich-text :nodes="leadobj.richContent"></rich-text>
    </view>
    <view class="font">技术支持：嘎嘎哩</view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      leadobj: {},
    };
  },
  onLoad(options) {
    this.leadobj = JSON.parse(decodeURIComponent(options.leadobj));
  },
};
</script>

<style>
page {
  background-color: #f0f1f3;
}
.text-padding-wrap {
  background-color: #ffffff;
  padding: 30rpx;
}
.left-flex {
  display: flex;
  flex-direction: row;
}
.uni-row {
  flex-direction: row;
}
.left {
  margin-right: 5px;
}
.title {
  font-size: 18px;
  font-weight: bolder;
}
.show-gray {
  color: #c8c9c8;
  font-size: 13px;
}
.second-title {
  font-size: 24px;
  font-weight: bolder;
}
p {
  font-size: 16px;
}
.font {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 12px;
}
</style>